<template>
  <van-popup v-model="value" class="popup" :close-on-click-overlay="false" closeable>
    <dialog-layout>
      <span slot="title">重新绑定</span>
      <clinic-select slot="content"/>
      <div style="text-align:center;" slot="handle">
        <van-button color="#FF6600" type="primary" size="small" @click="start">确认换绑</van-button>
      </div>
    </dialog-layout>
  </van-popup>
</template>

<script>
import DialogLayout from "@/components/dialog";
import ClinicSelect from "@/components/clinicSelect";
import router from "@/router";
export default {
  data() {
    return {
      value: false,
      step: 1
    };
  },
  created() {
    console.log("popup");
    console.log(this);
  },
  components: { ClinicSelect, DialogLayout },
  methods: {
    show(opt) {
      this.value = true;
    },
    close() {
      this.value = false;
    },
    sure() {
      this.close();
      router.push("/home");
    },
    toAuth() {
      this.close();
      router.push("/userInfo");
    },
    next() {
      this.step = 2;
    },
    start() {}
  }
};
</script>

<style lang='scss' scoped>
.popup {
  width: 85%;
}
</style>
